<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>网上商城</title>
	</head>

	<body>
		<div class="wraper">
			<jsp:include page="/common/header.jsp"></jsp:include>
			<div class="content_buy">
				<div>
					<h2>
						订单信息
					</h2>
					<ul>
						<li>
							订单号：${orderInfo.id }
						</li>
						<li>
							商品总金额：${orderInfo.goodsFee }
						</li>
						<li>
							运费：${orderInfo.shipFee}
						</li>
						<li>
							应付金额：${orderInfo.totalPrice }
						</li>
					</ul>
				</div>
				<div class="flow-steps ">
					<ol class="num5">
						<li>
							<span class="first">1.加入购物车</span>
						</li>
						<li class="current-prev">
							<span>2.确认订单信息</span>
						</li>
						<li class="current">
							<span>3.付款</span>
						</li>
						<li>
							<span>4.确认收货</span>
						</li>
						<li class="last">
							<span>5.完成</span>
						</li>
					</ol>
				</div>
				<h2>
					选择支付方式
				</h2>
				<div class="three_step">
					<form>
						<h4>
							支付宝：
						</h4>
						<ul>
							<li>
								<label for="alipay">
									<input id="alipay" type="radio" name="bank" />
									<a onclick="document.getElementById('alipay').checked=true;"
										href="javascript:void(0)"> <img
											src="${ctx}/images/bank_alipay.gif" alt="支付宝" /> </a>
								</label>
							</li>
						</ul>
						<h4 class="clear">
							银行卡：
						</h4>
						<ul>
							<li>
								<label for="cmbchina">
									<input id="cmbchina" type="radio" name="bank" />
									<a onclick="document.getElementById('cmbchina').checked=true;"
										href="javascript:void(0)"><img alt="招商银行"
											src="${ctx}/images/bank_cmbchina.gif" /> </a>
								</label>
							</li>
							<li>
								<label for="icbc">
									<input id="icbc" type="radio" name="bank" />
									<a onclick="document.getElementById('icbc').checked=true;"
										href="javascript:void(0)"><img alt="中国工商银行"
											src="${ctx}/images/bank_icbc.gif" /> </a>
								</label>
							</li>
							<li>
								<label for="ccb">
									<input id="ccb" type="radio" name="bank" />
									<a onclick="document.getElementById('ccb').checked=true;"
										href="javascript:void(0)"><img alt="中国建设银行"
											src="${ctx}/images/bank_ccb.gif" /> </a>
								</label>
							</li>
							<li>
								<label for="abcchina">
									<input id="abcchina" type="radio" name="bank" />
									<a onclick="document.getElementById('abcchina').checked=true;"
										href="javascript:void(0)"><img alt="中国农业银行"
											src="${ctx}/images/bank_abchina.gif" /> </a>
								</label>
							</li>
							<li>
								<label for="spdb">
									<input id="spdb" type="radio" name="bank" />
									<a onclick="document.getElementById('spdb').checked=true;"
										href="javascript:void(0)"><img alt="上海浦东发展银行"
											src="${ctx}/images/bank_spdb.gif" /> </a>
								</label>
							</li>
							<li>
								<label for="cib">
									<input id="cib" type="radio" name="bank" />
									<a onclick="document.getElementById('cib').checked=true;"
										href="javascript:void(0)"><img alt="兴业银行"
											src="${ctx}/images/bank_cib.gif" /> </a>
								</label>
							</li>
							<li>
								<label for="gdb">
									<input id="gdb" type="radio" name="bank" />
									<a onclick="document.getElementById('gdb').checked=true;"
										href="javascript:void(0)"><img alt="广东发展银行"
											src="${ctx}/images/bank_gdb.gif" /> </a>
								</label>
							</li>
							<li>
								<label for="cmbc">
									<input id="cmbc" type="radio" name="bank" />
									<a onclick="document.getElementById('cmbc').checked=true;"
										href="javascript:void(0)"><img alt="中国民生银行"
											src="${ctx}/images/bank_cmbc.gif" /> </a>
								</label>
							</li>
							<li>
								<label for="comm">
									<input id="comm" type="radio" name="bank" />
									<a onclick="document.getElementById('comm').checked=true;"
										href="javascript:void(0)"><img alt="交通银行"
											src="${ctx}/images/bank_bankcomm.gif" /> </a>
								</label>
							</li>
							<li>
								<label for="itic">
									<input id="itic" type="radio" name="bank" />
									<a onclick="document.getElementById('itic').checked=true;"
										href="javascript:void(0)"><img alt="中信银行"
											src="${ctx}/images/bank_itic.gif" /> </a>
								</label>
							<li>
								<label for="ceb">
									<input id="ceb" type="radio" name="bank" />
									<a onclick="document.getElementById('ceb').checked=true;"
										href="javascript:void(0)"><img alt="中国光大银行"
											src="${ctx}/images/bank_cebbank.gif" /> </a>
								</label>
							</li>
						</ul>
						<p class="clear btn_pay">
							<input type="button" value="确认无误，付款" style="cursor: pointer;"
								onclick="javascript:location.href='${ctx}/member/shopcart/shop!checkout?id=${orderInfo.id }';return false;" />
						</p>
					</form>
				</div>
			</div>
			<jsp:include page="/common/footer.jsp"></jsp:include>
		</div>
	</body>
</html>

